<template>
    <button @click="getDom">获取P标签 </button>
    <p ref="dom">我是P标签 {{num}}</p>
</template>
<!-- 在script标签上 写入setup 就是 setup入口函数的语法糖  -->
<script setup>
import { ref, computed, onMounted, watch ,reactive ,onUpdated } from 'vue'
let dom = ref(null)
let num = ref(0)
const getDom = ()=>{
  num.value++
  console.log(dom.value);
  console.log(num.value);
}


</script>
<!-- 再写一个script标签 使用Vue2的方法 写入name属性 -->
<script>
export default {
  name: 'App',
}
</script>
